.timeConsumption {
  min-height: 100vh;
  background-color: #f7f7f7;
}

.date_picker {
  text-align: center;
  padding-top: 30rpx;
}

.box_base {
  margin: 30rpx 37rpx;
  padding: 20rpx 35rpx;
  background-color: #fff;
  box-shadow: 0rpx 0rpx 10rpx rgba(0, 0, 0, 0.3);
  border-radius: 20rpx;
  font-size: 24rpx;

  .title {
    font-weight: 900;
  }
}

.text_line {
  line-height: 60rpx;
}

.consumption_block {
  margin: 30rpx 34rpx;
  box-shadow: 0rpx 0rpx 10rpx rgba(0, 0, 0, 0.3);
  border-radius: 20rpx;

  .search_line {
    display: flex;
    border-bottom: 1rpx solid #ccc;

    .search_item {
      flex: 1;
      padding: 15rpx 50rpx;
      font-size: 26rpx;
      text-align: center;
    }

    .current_item {
      background-color: #D7E8D5;
      border-radius: 20rpx 20rpx 0 0;
    }
  }

  .consumption_list {
    padding: 30rpx 35rpx;
    background-color: #D7E8D5;

    .teacher_list {
      font-size: 22rpx;
      display: flex;
      flex-wrap: wrap;
      line-height: 40rpx;

      .name_item {
        margin-right: 10rpx;

        :nth-last-child(1) {
          margin-right: 0;
        }
      }
    }

    .total_list {
      display: flex;
      font-size: 22rpx;
      background-color: #EFEFEF;
      padding: 25rpx 25rpx;
      border-radius: 50rpx;
      margin: 40rpx 0;

      .total_item {
        flex: 1;
        padding: 0 20rpx;

        &:nth-child(2) {
          border-left: 1rpx solid #707070;
          border-right: 1rpx solid #707070;
        }
      }
    }
  }
}


.detail_item {
  padding: 40rpx 0;
  border-bottom: 1rpx solid #707070;

  .item_line {
    display: flex;
    justify-content: space-between;
    font-size: 22rpx;
    color: #707070;
    line-height: 35rpx;
  }
}

.more {
  margin-top: 20rpx;

  .button {
    background-color: #016241;
    color: #fff;
    border-radius: 40rpx;
    border: 0;
    font-size: 25rpx;
    width: 280rpx;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 10rpx 0;
  }
}